{% block sw_first_run_wizard_shopware_domain %}
<div class="sw-first-run-wizard-shopware-domain">
    <h3 class="headline">
        {{ $tc('sw-first-run-wizard.shopwareDomain.headline') }}
    </h3>
    <p
        class="message"
        v-html="$tc('sw-first-run-wizard.shopwareDomain.message')"
    ></p>

    <mt-switch
        v-model="createShopDomain"
        :label="$tc('sw-first-run-wizard.shopwareDomain.labelCreateDomain')"
    />

    <div v-if="createShopDomain">

        <mt-text-field
            v-model="newShopDomain"
            name="newShopDomain"
            validation="required"
            :label="'Shop domain'"
        />
        <mt-checkbox
            v-model:checked="testEnvironment"
            :label="$tc('sw-first-run-wizard.shopwareDomain.testEnvironment')"
        />
    </div>
    <div v-else-if="licenceDomains.length > 0">
        <mt-select
            v-model="selectedShopDomain"
            label="Shop domain"
            :options="domainOptions"
        />
    </div>
    <div
        v-if="domainError"
        class="sw-first-run-wizard-shopware-domain__error"
    >
        <mt-banner
            :title="domainError.title"
            variant="critical"
        >
            {{ domainError.detail }}
        </mt-banner>
    </div>

    <sw-loader v-if="isLoading" />
</div>
{% endblock %}
